<template>
    <div class="main-layout">
        <BackgroundLayout :zIndex="0">
            <img class="bg-img" src="@/assets/bg/homeBg.png" alt="">
        </BackgroundLayout>
        <BackgroundLayout :zIndex="0">
            <img class="bg-img" src="@/assets/bg/earth.png" alt="">
        </BackgroundLayout>
        <Header></Header>
        <Content></Content>
        <Star></Star>
        <Login></Login>
    </div>
</template>
<script setup lang="ts">
import Star from './components/stars.vue'
import Login from './components/login.vue'

import BackgroundLayout from '@/components/backgroundLayout.vue';
import Header from './components/header.vue';
import Content from './components/content.vue'
type IProps = {};
const props = withDefaults(defineProps<IProps>(), {});
const emit = defineEmits(["change"]);
</script>
<style lang="scss" scoped>
.main-layout {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
</style>
